---
title: 在 Astro 使用 CMS
description: 如何使用 CMS 新增內容至 Astro
sidebar:
  label: CMS 概觀
i18nReady: true
---
import CMSGuidesNav from '~/components/CMSGuidesNav.astro';
import ReadMore from '~/components/ReadMore.astro';
import Badge from "~/components/Badge.astro"

**準備好連結一個 Headless CMS 到你的 Astro 專案嗎？** 跟著我們指南的其中一篇來整合一個 CMS 吧。

:::tip
在我們的整合目錄找找看[由社群維護的整合](https://astro.build/integrations/?search=cms)以連接 CMS 到你的專案。
:::

## CMS 指南

記得這些頁面有很多都是**小作品**：它們是資源的合集，等著你貢獻！

<CMSGuidesNav />

## 為什麼使用 CMS？

內容管理系統讓你在你的 Astro 專案之外撰寫內容並管理資產。

這解鎖了處理內容的新功能。大多數的 CMS 給你視覺化的內容編輯器、定義內容的標準類型的能力、還有與他人協作的方式。

對遵循特定架構的內容來說，CMS 可能會有用，它通常會給你類似儀表板的體驗和所見即所得的編輯工具。你可以用 CMS 的格式化文字編輯器寫部落格文章，而不用在 Markdown 檔案裡寫。或者你可以使用 CMS 維護網路商店的商品列表，讓某些欄位設為必須填寫，避免列表不完整。

然後你的 Astro 專案可以從你的 CMS 取得內容然後展示它，不論你要放在你的網站的哪裡，要怎麽放。


## 哪些 CMS 跟 Astro 運作良好？

因為 Astro 負責你的內容的 _呈現_，你會想要選一個 _headless_ CMS，像是上面有列出來的。CMS 幫助你寫內容，但是不會生成網站。相反地，你取得內容資料，然後用在你的 Astro 專案。

有些 headless CMS，像 Storyblok，提供了 Astro [整合](/zh-tw/guides/integrations-guide/)，特別用於 Astro 網站，幫你取得內容。其他 CMS 則提供 JavaScript SDK，你安裝後可以用來取得遠端內容。

<ReadMore> 探索[超過 100 個 headless 內容管理系統的列表](https://jamstack.org/headless-cms/) <Badge text="External" />，你可以用類型（如 Git-based、API driven）和授權（開源或閉源）過濾。</ReadMore>

## 我可以使用 Astro 但不用 CMS 嗎？

可以！Astro 提供對 [Markdown](/zh-tw/guides/markdown-content/) 內建的支援。
